import { type SlateElementProps } from "platejs";

import { SlateElement } from "platejs";

import { cn } from "@/lib/utils";

export function CalloutElementStatic({
  children,
  className,
  ...props
}: SlateElementProps) {
  return (
    &lt;SlateElement
      className={cn("my-1 flex rounded-sm bg-muted p-4 pl-3", className)}
      style={{
        backgroundColor: props.element.backgroundColor as string,
      }}
      {...props}
    &gt;
      <div>
        <div style="{{">
          <span data-plate-prevent-deserialization="">
            {(props.element.icon as string) || "💡"}
          </span>
        </div>
        <div>{children}</div>
      </div>
    &lt;/SlateElement&gt;
  );
}
